<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="referrer" content="no-referrer">
    <title>Document</title>
    <link rel="stylesheet" href="../tools/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/index.css">
    <style>
        .jumbotron {}
    </style>
</head>

<body>
    <div class="jumbotron">
        <h1>我的首页
            <a href="./reg.html" class="btn btn-danger btn-lg" role="button">注册</a>
            <a name="login" href="JavaScript:;" class="btn btn-danger btn-lg" role="button">登录</a>
            <button name="logout" class="btn btn-danger btn-lg" role="button">退出登录</button>
            <button name="cart" class="btn btn-danger btn-lg" role="button">购物车</button>
        </h1>

        <p><a class="btn btn-primary btn-lg" href="./list.html?cat_one_id=食品酒水" role="button">食品酒水</a></p>
        <p><a class="btn btn-primary btn-lg" href="./list.html?cat_one_id=童装玩具" role="button">童装玩具</a></p>
        <p><a class="btn btn-primary btn-lg" href="./list.html?cat_one_id=家装建材" role="button">家装建材</a></p>
        <p><a class="btn btn-primary btn-lg" href="./list.html?cat_one_id=奶粉尿裤" role="button">奶粉尿裤</a></p>
        <p><a class="btn btn-primary btn-lg" href="./list.html?cat_one_id=其他" role="button">其他产品</a></p>
    </div>

    <script src="../js/jquery.min.js"></script>
    <script src="../js/cookie.js"></script>
    <script>
        const cookieObj = myGetCookie();
        // console.log(cookieObj);


        // 1, 退出登录按钮 添加 点击事件
        $('[name="logout"]').click(function() {
            // 如果 cookie对象中 调用 login 键名 
            // 如果 结果是 undefined 证明 没有login键名 没有登录
            if (cookieObj.login === undefined) {
                // 输出 还没有登录的提示信息
                window.alert('对不起,您还没有登录,请先去登录,再退出登录');
            } else {
                // 有登录信息 再 退出登录
                // 设定 cookie 时效为 负数 键名和路径 是 原始的键名和路径
                mySetCookie('login', 1, -1, '/');
                // 弹出提示信息
                window.alert('您已经成功退出登录');
            }
        })

        // 2, 购物车按钮 添加 点击事件
        $('[name="cart"]').click(function() {
            // 获取cookie对象
            const cookieObj = myGetCookie();


            // 如果 cookie对象 调用 login属性 结果是 undefined 证明没有登录
            if (cookieObj.login === undefined) {
                // 弹出 确认框 判断执行操作
                if (window.confirm('您还没有登录,点击确定,跳转登录页面')) {
                    // 如果 点击确定 window.confirm() 是 true
                    // 执行 程序 跳转 登录页面
                    window.location.href = './login.html';
                }
            } else {
                // 如果 login 有数据 证明已经登录 跳转购物车页面
                window.location.href = './cart.html';
            }
        })

        // 3, 登陆按钮 添加 点击事件
        $('[name="login"]').click(function() {
            window.location.href = `./login.html?url=${window.location.href}`;
        })
    </script>


</body>

</html>